import BlockItem from "@/components/BlockItem"
import Card from "@/components/Card"
import Header from "@/components/Header"
import YHD from '@/assets/要货单备份.svg'
import JHD from '@/assets/进货单备份.svg'
import DBB from '@/assets/调拨单备份.svg'
import PD from '@/assets/盘点单备份.svg'
import CK from '@/assets/商品库存.svg'
import LSJL from '@/assets/要货单历史备份 4.svg'
import { useNavigate } from "react-router"

function index() {
    const navigate = useNavigate()

    return (
        <>
            <div className='flex flex-col gap-[24px] relative pb-[80px] '>
                <div className="w-full text-center h-[128px] bg-white">
                    <h2
                        className="text-[40px] h-[48px] leading-[48px] mt-[56px]"
                        style={{ color: "#000000" }}
                    >
                        管店
                    </h2>
                </div>
                <Card
                    title="门店管理"
                    titleClass='
                        font-semibold 
                        text-[30px] 
                        leading-0 
                        mt-[32px]
                        mb-[48px]
                        pl-[10px]'
                    className='justify-start'
                >
                    <BlockItem icon={YHD} text="要货单" />
                    <BlockItem icon={JHD} text="进货单" />
                    <BlockItem icon={DBB} text="调拨单" />
                    <BlockItem icon={YHD} text="其他入库单" />
                    <BlockItem icon={LSJL} text="其他出库单" />
                    <BlockItem icon={PD} text="盘点单" />
                    <BlockItem icon={CK} text="库存查询" />
                </Card>
                <Card
                    title="会员管理"
                    titleClass='
                        font-semibold 
                        text-[30px] 
                        leading-0 
                        mt-[32px]
                        mb-[48px]
                        pl-[10px]'
                    className='justify-start'
                >
                    <BlockItem
                        icon={YHD}
                        text="我的会员"
                        onClick={() => {
                            navigate('/member')
                        }} />
                </Card>
                <Card
                    title="单据历史"
                    titleClass='
                        font-semibold 
                        text-[30px] 
                        leading-0 
                        mt-[32px]
                        mb-[48px]
                        pl-[10px]'
                    className='justify-start'
                >
                    <BlockItem icon={YHD} text="要货单" />
                    <BlockItem icon={JHD} text="进货单" />
                    <BlockItem icon={DBB} text="调拨单" />
                    <BlockItem icon={YHD} text="其他入库单" />
                    <BlockItem icon={LSJL} text="其他出库单" />
                    <BlockItem icon={PD} text="盘点单" />
                    <BlockItem icon={CK} text="库存查询" />
                </Card>
            </div>
        </>
    )
}
export default index